// base color

// 按钮部分
$blue: #2a5eb7;
$light-blue: #3a71a8;
$red: #c03639;
$pink: #e65d6e;
$green: #30b08f;
$tiffany: #4ab7bd;
$yellow: #fec171;
$panGreen: #30b08f;
$pageBackground: #eff2f5;
// 按钮部分 end

// 与 src/config/theme/index.js 保持一致
$--color-primary: #020957;
$--color-success: #55d187;
$--color-warning: #efbd47;
$--color-danger: #ed6f6f;
$--color-info: #909399;

// 菜单宽度
$base-sidebar-width: 200px;

// 菜单风格
$base-menu-color: hsla(0, 0%, 100%, 0.65);
$base-menu-color-active: #1890ff;
$base-menu-background: #001529;
$base-logo-title-color: #ffffff;

$base-logo-light-title-color: #323232;
$base-menu-light-color: #323232;
$base-menu-light-color-active: #323232;
$base-menu-light-background: #fff;
$base-menu-light-background-son: #fff;
$base-sub-menu-light-hover: #2a5eb7;

$base-sub-menu-background: #0c2135;
$base-sub-menu-background-son: #2a5eb7;
$base-sub-menu-hover: #001528; // 一级菜单hover
// 菜单风格 END

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  // 暗色
  menuColor: $base-menu-color;
  menuColorActive: $base-menu-color-active;
  menuBackground: $base-menu-background;
  subMenuBackground: $base-sub-menu-background;
  subMenuBackgroundSon: $base-sub-menu-background-son;
  subMenuHover: $base-sub-menu-hover;

  // 浅色
  menuLightColor: $base-menu-light-color;
  menuLightBackground: $base-menu-light-background;
  menuLightColorActive: $base-menu-light-color-active;
  subMenuLightHover: $base-sub-menu-light-hover;

  logoTitleColor: $base-logo-title-color;
  logoLightTitleColor: $base-logo-light-title-color;

  sideBarWidth: $base-sidebar-width;
  primaryColor: $--color-primary;
  successColor: $--color-success;
  dangerColor: $--color-danger;
  infoColor: $--color-info;
  warningColor: $--color-warning;
}
